<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
    // 循环嵌套

    // - 内循环变量与外循环变量不能同名；
    // - 外循环必须完全包含内循环，不能交叉；
    // - 循环嵌套注意外层循环一次，内层的循环要全部指向完成一轮
    // - 在使用嵌套循环中，一定要注意是否有变量的初始值发生了改变
    // - 关注性能

    console.time("循环嵌套的时间");
    
    for (var i = 1; i <= 100;i++) {
      document.write("我是外层循环" + i + "<br>");
      for (var j = 1; j <= 100; j++) {
        document.write("&emsp;&emsp;我是内层循环" + j + "<br>");
      }
    }

    console.timeEnd("循环嵌套的时间");
    </script>
</body>
</html>